
	$(document).ready( function() {

		myLayout = $('body').layout(layoutSettings_Outer);

		$("#accordion1").accordion({ fillSpace:	true });
		

		setTimeout( myLayout.resizeAll, 1000 ); /* allow time for browser to re-render with new theme */

	});
	
	
	var layoutSettings_Outer = {
		name: "myLayout" // NO FUNCTIONAL USE, but could be used by custom code to 'identify' a layout
	,	defaults: {
			size:					"auto"
		,	minSize:				10
		,	contentSelector:		".content"	// inner div to auto-size so only it scrolls, not the entire pane!
		,	togglerTip_open:		"Close This Pane"
		,	togglerTip_closed:		"Open This Pane"
		,	resizerTip:				"Resize This Pane"
		,   slidable:				false
		,	fxName:					"slide"		// none, slide, drop, scale
		,	fxSpeed_open:			750
		,	fxSpeed_close:			1500
			
	}
	,	north: {
			spacing_open:			0			// cosmetic spacing
		,	size:					69
		,	togglerLength_open:		0			// HIDE the toggler button
		,	togglerLength_closed:	0			// "100%" OR -1 = full width of pane
		,	resizable: 				false
		,	slidable:				false
		,	fxName:					"none"
		}
	,	south: {
			maxSize:				100
		,	size:					30
		,	spacing_closed:			0			// HIDE resizer & toggler when 'closed'
		,	togglerLength_open:		0			// HIDE the toggler button
		,	spacing_open:			0
		,	slidable:				false		// REFERENCE - cannot slide if spacing_closed = 0
		,	initClosed:				false
		}
	,	west: {
			size:					250
		,	spacing_closed:			6			// wider space when closed
		,	togglerLength_closed:	39			// make toggler 'square' - 21x21
		,	togglerLength_open:		39			// NONE - using custom togglers INSIDE west-pane
		,	togglerTip_open:		"Close West Pane"
		,	togglerTip_closed:		"Open West Pane"
		,	resizerTip_open:		"Resize West Pane"
		,	slideTrigger_open:		"click" 	// default
		,	initClosed:				false
		,	onresize:	$.layout.callbacks.resizePaneAccordions
		}
	,	east: {
			size:					250
		,	spacing_closed:			6			// wider space when closed
		,	togglerLength_closed:	39			// make toggler 'square' - 21x21
		,	togglerLength_open:		39 			// NONE - using custom togglers INSIDE east-pane
		,	togglerTip_open:		"Close East Pane"
		,	togglerTip_closed:		"Open East Pane"
		,	resizerTip_open:		"Resize East Pane"
		,	initClosed:				true
		,	fxName:					"none"
		,	onresize:	$.layout.callbacks.resizePaneAccordions
		}
	,	center: {
			minWidth:				200
		,	minHeight:				200
		}
	};	